/* 公用样式 */
input{
	text-indent: 1em;
}
.cel{
	color: #169BD5;
	cursor: pointer;
}
.cel:hover{color: red;}
.li{
	display: flex;
	font-size: 0.729166rem;
	align-items: center;
	justify-content: space-between;
	width: 26%;
	padding: 0.78125rem 0;
	input{
		height: 1.25rem;
		border-radius: 0.208333rem;
		border: 1px solid #dcdfe6;
		outline: none;
		width: 8.333333rem;
	}
	.ti{
		// padding: 0 10px;
		width: 5.729166rem;
		overflow: hidden;
		height: 1.25rem;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.val{
		width: 8.333333rem;
		height: 1.25rem;
		border-radius: 0.260416rem;
		border: 1px solid #dcdfe6;
		text-align: center;
		background-color: #e4e4e4;
		line-height: 1.25rem;
		overflow: auto;
	}
	.val::-webkit-scrollbar{
		display: none;
	}
	
}
.li:last-of-type{
	.val{
		width: 89%;
	}
}
.details{opacity: 0.4;}
/* 弹窗主标签 */
.popUp{
	// 遮罩层
	.Mask,.Mask2{
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #666;
		z-index: 99;
		opacity: 0.6;
	}
	.Mask2{
		z-index: 101;
	}
	.split{
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 102;
		transform: translate(-50%,-50%);
		background-color: #fff;
		border-radius: 0.260416rem;
		.ti{
			width: 41.666666rem;
			height: 2.083333rem;
			background-color: #169BD5;
			color: #fff;
			font-size: 0.985416rem;
			padding:0 1.041666rem;
			box-sizing: border-box;
			line-height: 2.083333rem;
			font-weight: 800;
			display: flex;
			justify-content: space-between;
			div:nth-of-type(2){cursor: pointer;}
		}
		.y{
			width: 80%;
			margin: 0.78125rem auto;
			display: flex;
			height: 2.604166rem;
			align-items: center;
			background-color: #2738b5;
			border-radius: 0.520833rem;
			div{
				width: 50%;
				box-sizing: border-box;
				padding-left: 1.041666rem;
				color: #fff;
			}
			div:nth-of-type(1){border-right: 0.052083rem solid #fff;}
		}
		.f{
			/* 740 */
			width: 38.541666rem;
			margin: 15px auto;
			.top,.bot2,.dataList{
				width: 100%;
				height: 2.083333rem;
				display: flex;
				border: 0.052083rem solid #169BD5;
				div{
					flex: 1;
					line-height: 2.083333rem;
					text-align: center;
					box-sizing: border-box;
					border: 0.052083rem solid #fff;
					color: #fff;
					background-color: #169BD5;
					}
			}
			.containers::-webkit-scrollbar{
				display: none;
			}
			.containers{
				overflow-y: auto;
				padding: 0 0.104166rem;
				.dataList{
					border: 0.052083rem solid #169BD5;
					div{
						background-color: transparent;
						color: #169BD5;
					}
					div:nth-of-type(2){
						border-left: 0.052083rem solid #169BD5;
						border-right: 0.052083rem solid #169BD5;
						
					}
					div:nth-of-type(3){
						border-right: 0.052083rem solid #169BD5;
						
					}
					.del{
						.delicon{
							background-color: red;
							color: #fff;
							width: 4rem !important;
							height: 1.641666rem;
							margin: 0.120833rem auto;
							line-height: 1.641666rem;
							text-align: center;
							border-radius: 0.260416rem;
							cursor: pointer;
							
						}
					}
				}
			}
			.bot2{
				width: 100%;
				background-color: #fff;
				border: 0.052083rem solid #169BD5;
				div{
					background-color: #fff;
				}
				div:nth-of-type(1){
					display: flex;
					align-items: center;
				}
				input{
					flex: 1;
					font-size: 0.9375rem;
					color: #169BD5;
					outline: none;
					border: none;
					width: 6.25rem;
					border-left: 0.052083rem solid #169BD5;
					border-right: 0.052083rem solid #169BD5;
				}
				.del{
					.delicon{
						width: 4rem !important;
						height: 1.641666rem;
						background-color: #169BD5;
						border-radius: 0.260416rem;
						border: none;
						display: flex;
						justify-content: center;
						align-items: center;
						color: #fff;
						margin: 0.120833rem auto;
						box-sizing: border-box;
						cursor: pointer;
					}
				}
				
			}
			.foot{
				width: 100%;
				display: flex;
				justify-content: flex-end;
				align-items: center;
				height: 3.083333rem;
				button{
					width: 5.166666rem;
					height: 1.583333rem;
					border: none;
					background-color: blue;
					outline: none;
					color: #fff;
				}
			}
		}
		.add{
			width: 90%;
			margin: 1.041666rem auto;
			display: flex;
			align-items: center;
			color: #169BD5;
			font-size: 0.885416rem;
			img{
				margin-right: 0.78125rem;
				width: 1.5625rem;
				height: 1.5625rem;
			}
		}
	}
	// 创建/编辑窗口
	.wind{
		position: fixed;
		top: 50%;
		left: 50%;
		padding: 1.041666rem 0;
		z-index: 100;
		transform: translate(-50%,-50%);
		background-color: #fff;
		border-radius: 0.260416rem;
		.header{
			width: 100%;
			height: 2.604166rem;
			display: flex;
			justify-content: space-between;
			box-sizing: border-box;
			padding: 0 1.5625rem;
			border-bottom: 1px solid #e8e6e6;
			align-items: center;
			.cel{
				font-size: 1.041666rem;
				color: #169BD5;
				cursor: pointer;
			}
			.ti{
				font-size: 0.9375rem;
				font-weight: 700;
			}
			.cel:hover{color: red;}
		}
		.cont{
			padding: 1rem;
			.cont-top{
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				.li{
					width: 24%;
				}
				.li:nth-of-type(5){
					width: 74.58%;
					input{
						width: 85%;
					}
				}
				.li:last-of-type{
					width: 50%;
					input{
						width: 90%;
					}
				}
			}
			.cont-bot{
				width: 100%;
			}
		}
		.formFoot{
			width: 100%;
			display: flex;
			justify-content: space-between;
			.left{
				display: flex;
				font-size: 0.833333rem;
				color: #169BD5;
				padding-left: 0.520833rem;
				.start,.end,.last,.next{
					padding: 0 1.041666rem;
				}
				.page{
					display: flex;
					.pageNum{
						width: 1.041666rem;
						height: 1.041666rem;
						margin: 0 0.520833rem;
						input{
							width: 100%;
							height: 100%;
							text-align: center;
							line-height: 1.041666rem;
							text-indent: 0em;
						}
					}
				}
			}
			.rit{
				width: 18.979166rem;
				display: flex;
				justify-content: space-around;
				button{
					width: 4.583333rem;
					height: 1.5625rem;
					border-radius: 0.260416rem;
					cursor: pointer;
				}
				button{
					background-color: #169BD5;
					color: #fff;
					border: none;
				}
			}
		}
	}
	// 删除确认弹窗
	.msg{
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 100;
		width: 20.833333rem;
		height: 10.416666rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		background-color: #fff;
		border-radius: 0.260416rem;
		.header{
			width: 100%;
			padding: 1.041666rem;
			box-sizing: border-box;
			height: 0;
			display: flex;
			justify-content: flex-end;

		}
		.cont{
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.function{
			width: 100%;
			height: 3.125rem;
			display: flex;
			justify-content: space-around;
			align-items: center;
			button{
				width: 5.208333rem;
				height: 1.5625rem;
				cursor: pointer;
			}
			button:nth-of-type(1){border: none;}
			button:nth-of-type(2){border: 1px solid #fff;color: #fff;background-color: #169BD5;}
			button:nth-of-type(2):hover{background-color: red;}
		}
	}
	// 添加数据弹窗
	.addFormData{
		background-color: #fff;
		position: fixed;
		z-index: 100;
		top: 50%;
		left: 50%;
		border-radius: 0.260416rem;
		transform: translate(-50%,-50%);
		.header{
			width: 100%;
			height: 3.125rem;
			display: flex;
			align-items: center;
			justify-content: space-between;
			box-sizing: border-box;
			padding: 0 1.5625rem;
			border-bottom: 1px solid #e8e6e6;
			.ti{
				font-weight: 800;
			}
		}
		.head{
			display: flex;
			justify-content: space-around;
			.li{
				width: 25%;
				display: flex;
				justify-content: center;
				input{
					width: 6.416666rem;
				}
			}
			.li:nth-of-type(4){
				.ti{
					width: 2.083333rem;
				}
			}
			.li:nth-of-type(5){
				padding: 0 2.041666rem;
				box-sizing: border-box;
				justify-content: space-around;
				button{
					width: 3.25rem;
					height: 1.5625rem;
					border: none;
					outline: none;
					color: #fff;
					border-radius: 0.260416rem;
				}
				button:nth-of-type(1){background-color: #169BD5;}
				button:nth-of-type(2){background-color: #f60;}
			}
		}
		.table{
			width: 90%;
			margin: 0 auto;
			overflow-y: auto;
			.ti{
				width: 100%;
				height: 1.6rem;
				margin: 0.260416rem 0;
				display: flex;
				border: 0.052083rem dashed darkblue;
				box-sizing: border-box;
				.text{
					display: flex;
					justify-content: center;
					align-items: center;
					font-size: 1rem;
					height: 1.6rem;
					font-weight: 700;
					color: #fff;
					width: 6.770833rem;
					background-color: darkblue;
				}
				div:nth-of-type(2){
					height: 0;
					border-top: 0.8rem solid transparent;
					border-bottom: 0.8rem solid darkblue;
					border-right: 0.8rem solid transparent;
					border-left: 0.8rem solid darkblue;
					// transform-origin: center center; 
					// transform: rotateX(50de);
				}
			}
		}
		.foot{
			width: 100%;
			display: flex;
			margin: 0 auto;
			justify-content: space-around;
			border-top: 1px solid #e8e6e6;
			border-bottom: 1px solid #e8e6e6;
			.li{
				width: 22%;
			}
			.li:nth-of-type(3){
				width: 25%;
				.ti{
					width: 7.291666rem;
				}
			}
		}
		.footer{
			width: 100%;
			box-sizing: border-box;
			height: 3.125rem;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			padding-right: 1.5625rem;
			button{
				border: none;
				outline: none;
				background-color: #169BD5;
				color: #fff;
				width: 6.25rem;
				height: 1.5625rem;
				font-size: 0.677083rem;
				border-radius: 0.260416rem;
			}
		}
	}
}
:deep(.el-input){
	width: 6.854166rem;
}
:deep(.el-table th.el-table__cell > .cell){
	text-align: center !important;
	color: #fff;
}
:deep(.el-table th.el-table__cell){
	background-color: #169BD5;
}
:deep(.el-table--border .el-table__cell:first-child .cell){
	width: 100%;
	display: flex;
	justify-content: center;
}
:deep(.el-table td.el-table__cell div button:nth-of-type(1)){
	border: none;
}
:deep(.bot2 .el-select .el-input__inner){
	height: 1.8625rem;
	display: flex;
	width: 7rem;
}
:deep(.bot2 .el-input__wrapper){
	border: none;
	box-shadow: none;
	outline: none;
}

